<!DOCTYPE html>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>选择试题</title>
		<link href="../../css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" href="../../css/CFNetPP_Base.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<style>
			body {
			}
				.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
				color: #18b4ed;
			}

			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {
				position: absolute;
				top: 4px;
				right: 20px;
				display: inline-block;
				width: 18px;
				height: 26px;
				border: 0;
				outline: 0 !important;
				background-color: transparent;
				-webkit-appearance: none;
			}
			div img{
				width: 20px;
				height: 20px;
				vertical-align: middle;
			}
			
		</style>
	</head>
	<body>

		<div id="mian">
			<ul class="mui-table-view ">
				<li v-for="(d , index) in data" class="mui-table-view-cell"  onclick="clickcehk(1)">
						<div v-on:click.stop="childClick(d)">
							<img v-if="d.select" src="../../icon/icon_checkon.png">
							<img v-else="d.select" src="../../icon/icon_checkup.png">
							<samp class="base_dark_grey base_content_font">{{d.name}}</samp>
						</div>
				</li>
			</ul>
		</div>
		<div class="noSign" hidden="hidden" id="noData">
			<img src="../../image/icon_img.png" width="60%">
			<p class="font16 top_15 base_dark_grey" >
				暂无数据
			</p>
		</div>
		<div class="loadFailure" hidden="hidden" id="noNet">
			<img src="../../image/icon_img01.png" width="60%">
			<p class="" >
				数据加载失败
			</p>
			<p>
				请检查您的网络
			</p>
			<button type="button"  onclick="loadData()"class="mui-btn mui-btn-outlined">
				重新加载
			</button>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script src="../../script/common.js"></script>
	<script type="text/javascript">

        var data = [
            {
                name : "CCCZ60114-03 整理并汇总承运商KPI数据",
                select : false
            },
            {
                name : "CCCZ60114-03 整理并汇总承运商KPI数据",
                select : false
            },
            {
                name : "CCCZ60114-03 整理并汇总承运商KPI数据整理并汇总承运商KPI数据",
                select : false
            }
        ];

        var app = new Vue({
            el: '#mian',
            data: {
                data : data,
                message: 'Hello Vue!',
            },
            methods:{
                childClick:function (data) {
                    if(app.temp){
                        app.temp.select = false;
                    }
                    app.temp = data;
                    data.select = true;
                    console.log(app.temp.name);
                }
            }
        });


		var page = 1;
		var row = 10;
		var refreshCount = 0;
		apiready = function() {
		};
		function loadNewData() {
			page = 1;
			loadData();
		}

		function loadMoreData() {
			page++;
			loadData();
		}

		//获取班级学生列表
		function loadData() {
			showProgress();
			pageParam = api.pageParam;
			var params = {
				jid : $api.getStorage('cfnetppjxid'),

				uid : $api.getStorage('cfnetppuid'),
				page : page,
				rows : row
			};
			cfnetppPOST(url_getClassWorkList, params, true, function(data, status) {
				//				alert(JSON.stringify(params));
				api.hideProgress();
				api.refreshHeaderLoadDone();
				if (status == 'success') {
					if (data.code == 200) {
						var datas = data.data.list;
						refreshCount = data.data.total;
						if (students != '' && students.constructor == Array && students.length > 0) {
							$('#noData').hide();
							$('#noNet').hide();
							$('#mian').show();
//							writelist(datas, datas.length);
						} else {
							$('#noData').show();
							$('#noNet').hide();

						}
					} else if (data.code = 109) {
						if (page == 1) {
							$('#noData').show();
							$('#noNet').hide();
							$('#mian').hide();
						}
					} else {
						if (page == 1) {
							$('#noData').show();
							$('#noNet').hide();
							$('#mian').hide();
						}
					}
				} else {
					$('#noData').hide();
					$('#noNet').show();
					$('#mian').hide();
				}
			});
		}
     
		
	</script>
</html>